<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">

        <!-- amazeui -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport"
              content="width=device-width, initial-scale=1">
        <!-- Set render engine for 360 browser -->
        <meta name="renderer" content="webkit">
      
        <!-- No Baidu Siteapp-->
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
      
        <link rel="icon" type="image/png" href="assets/i/favicon.png">
      
        <!-- Add to homescreen for Chrome on Android -->
        <meta name="mobile-web-app-capable" content="yes">
        <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
      
        <!-- Add to homescreen for Safari on iOS -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
        <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
      
        <!-- Tile icon for Win8 (144x144 + tile color) -->
        <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
        <meta name="msapplication-TileColor" content="#0e90d2">
      
        <link rel="stylesheet" href="assets/css/amazeui.min.css">
        <link rel="stylesheet" href="assets/css/app.css">


        <title>商户管理</title>
        <link rel="stylesheet" href="./CSS/merchants.css">
        <link rel="stylesheet" href="./CSS/proinfo.css">
        <link rel="stylesheet" href="./CSS/proadd.css">
        <link rel="stylesheet" href="./CSS/toPage.css">
        <link rel="stylesheet" href="./CSS/ordershow.css">
        <link rel="stylesheet" href="./CSS/personalSpace.css">
        <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
        
        <!-- <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> -->

    </head>
    <body>
        <!-- 标头 -->
        <div class="topbar">
            <div class="container">
                <div class="topbar-set">
                    共享租赁商户管理平台
                </div>
                <!-- <div class="topbar-out">
                    <a href="#">退出</a>
                </div> -->
            </div>
        </div>

        <!-- <div style="margin: 20px;"></div> -->

        <!-- 主卡片 -->
        <div class="maincard">

            <!-- 商户拥有的功能 -->
            <div class="function">
                <div class="con-user">
                    <img src="./res/usa_105.png" alt="商家头像" class="headshot" id="headimg0">
                    <div class="username">
                        <div class="user-name" id="userid">my</div>
                        <!-- <div class="user-addr"> -->
                            <!-- 商家地址 -->
                                <!-- <div>ID:</div>
                                <div id="userid">艾弗森</div> -->
                        <!-- </div> -->
                    </div>
                    
                </div>
                <!-- 商品侧边栏 -->
                <div class="func-tab">
                    <div class="func-sharp">
                        <div class="func-products">
                            商品管理
                        </div>
                    </div>
                    <div class="func-sharp">
                        <div class="func-orders">
                            订单管理
                        </div>
                    </div>
                    <div class="func-person">
                        个人资料
                    </div>
                    <div class="func-msg">
                        个人消息
                    </div>
                </div>
            </div>

            <!-- 商家信息以及 商家商品以及订单显示 -->
            <div class="concrete">

                <!-- 商品信息 + 订单信息 -->
                <div class="con-tab-content">

                    <!-- 商品信息 -->
                    <div class="con-products">
                        <!-- <div class="pro-tab">
                            <div class="pro-in">在架商品</div>
                            <div class="pro-up">上架商品</div>
                        </div> -->

                        
                        <!-- 左边的卡片 -->
                        <div class="lcard">
                            <div class="in-card">
                                <div class="card-head">在架商品</div>
                                <div class="product-list">
                                    <!-- <form action="#"> -->
                                        <table style="width: 100%;" id="product-table">
                                            <thead>
                                                <tr class="pro-list-name">
                                                    <th class="pro-lino">
                                                        ID
                                                    </th>
                                                    <th class="pro-lipic">
                                                        图片
                                                    </th>
                                                    <th class="pro-liname">
                                                        名称
                                                    </th>
                                                    <th class="pro-linum">
                                                        库存
                                                    </th>
                                                    <th class="pro-limoney">
                                                        租金（元/日）
                                                    </th>
                                                    <th class="pro-libtn"></th>
                                                </tr>
                                            </thead>

                                            
                                            <!-- <tbody class ="gooddata"> -->

                                            <!-- 前端商品静态展示 -->
                                                <!-- <tr class="pro-list">
                                                    <td class="pro-lino" name="goodid">
                                                        12345
                                                    </td>
                                                    <td class="pro-lipic" name="goodimg">
                                                        <img src="./res/hwp40p.jpg" alt="商品图片" class="con-pic">
                                                    </td>
                                                    <td class="pro-liname" name="goodname">
                                                        华为p40
                                                    </td>
                                                    <td class="pro-linum" name="goodnum">
                                                        1
                                                    </td>
                                                    <td class="pro-limoney" name="goodprice">
                                                        20
                                                    </td>
                                                    <td class="pro-libtn">
                                                        <button class="btn-look">查看详情</button>
                                                        <button class="btn-down">下架商品</button>
                                                    </td>
                                                </tr> -->
                                        
                                            <!-- 分页 -->
        
                                        </table>
                                    <!-- </form>     -->
                            </div>
                        </div>
                        </div>



                        <!-- 右边的卡片 -->
                        <div class="rcard">
                            <div class="up-card">
                                <div class="card-head">上架商品</div>
                                <div>
                                    <div style="margin: 0 8px;font-size: 16px;">商品展示图：</div>
                                    <div class="image-show">
                                        <div class="info-pic2">
                                            <img src="" alt="" class="pic-val2" id="image2">
                                            <form action="http://8.130.103.251:8080/good/addGood" method="post" enctype="multipart/form-data">
                                                <input type="file" onchange="selectImage(this, image2);" class="img-sel1" id="f1">
                                            </form>
                                            <div class="font2">
                                                点击选择图片
                                            </div>
                                        </div>
                                        <div class="info-pic2">
                                            <img src="" alt="" class="pic-val2" id="image3">
                                            <form action="http://8.130.103.251:8080/good/addGood" method="post" enctype="multipart/form-data">
                                                <input type="file" onchange="selectImage(this, image3);" class="img-sel1" id="f2">
                                            </form>
                                            <div class="font2">
                                                点击选择图片
                                            </div>
                                        </div>
                                        <div class="info-pic2">
                                            <img src="" alt="" class="pic-val2" id="image4">
                                            <form action="http://8.130.103.251:8080/good/addGood" method="post" enctype="multipart/form-data">
                                                <input type="file" onchange="selectImage(this, image4);" class="img-sel1" id="f3">
                                            </form>
                                            <div class="font2">
                                                点击选择图片
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="info-name">
                                    <div class="name2">商品名称：</div>
                                    <input type="text" id="name-val2">
                                    <!-- onkeyup="limit(this, 8)" keydown="limit(this, 8)" onchange="limit(this, 8)"> -->
                                </div>
                                <div class="info-num">
                                    <div class="name2">库存：</div>
                                    <div class="num-val">
                                        <input id="num-num2" type="text" oninput = "value=value.replace(/[^\d]/g,'')">
                                    </div>
                                </div>
                                <div class="info-pur">
                                    <div class="name2">售价：</div>
                                    <div class="pur-val">
                                        <input id="pur-num2" type="text" name="number">
                                        
                                        <!-- oninput = "value=value.replace(/[^\d]/g,'')" -->
                                    </div>
                                </div>
            
                                <div class="info-rent">
                                    <div class="name2">租价：</div>
                                    <div class="rent-val">
                                        <input id="rent-num2" type="text">
                                        <div id="unit2">元/日</div>
                                    </div>
                                </div>
                                <div class="info-rent">
                                    <div class="name2">租价：</div>
                                    <div class="rent-val">
                                        <input id="rent-num3" type="text">
                                        <div id="unit3">元/月</div>
                                    </div>
                                </div>

                                <div class="info-tag">
                                    <div class="name2">标签：</div>
                                    <div class="tag-val">
                                        <select name="sel-tag" id="tag-num2" required>
                                            <option value="0">手机</option>
                                            <option value="1">电脑</option>
                                            <option value="2">摄像机</option>
                                            <option value="3">数码配件</option>
                                            <option value="4">电视</option>
                                            <option value="5">家具</option>
                                            <option value="6">单车</option>
                                            <option value="7">生活百货</option>
                                            <option value="8">图书</option>
                                            <option value="9">玩具乐器</option>
                                            <option value="10">体育用品</option>
                                            <option value="11">服饰</option>
                                            <option value="12">租房</option>
                                        </select>
                                        <select name="sel-tag21" id="tag-num21">

                                        </select>
                                    </div>
                                </div>

                                <div class="info-isbuy">
                                    <div class="name2">是否可买：</div>
                                    <div class="isbuy-val">
                                        <input type="radio" name="isbuy" id="yes" value="1" style="margin: 0 6px;" checked>可买
                                        <input type="radio" name="isbuy" id="no" value="0">不可买
                                        <!-- <select name="sel-isbuy" id="isbuy-num2">
                                            <option value="1">可租可买</option>
                                            <option value="0">可租不可买</option>
                                        </select> -->
                                    </div>
                                </div>
                                
                                
                                    <div class="info-des">
                                        <div class="name2">商品说明：</div>
                                        <div class="des-val">
                                            <!-- <form action="#"> -->
                                                <textarea name="description" id="des-txt2" cols="50" rows="3" 
                                                placeholder="不能超过80字" onkeyup="limit(this, 80)" keydown="limit(this, 80)" onchange="limit(this, 80)"></textarea>
                                            <!-- </form> -->
                                        </div>
                                    </div>
                            

                                <div class="info-low">
                                    <!-- <button class="btn-change" id="btn-c">修改信息</button> -->
                                    <!-- <button class="btn-save">保存信息</button> -->
                                    <button class="btn-confirm2">确定</button>
                                </div>
                            </div>
                
                        </div>



                    </div>

                    <!-- 订单信息 -->
                    <div class="con-orders" id="ordersx">
                            <div class="order-card">
                                <!-- 订单表头 -->
                                <div class="order-head">
                                    <div class="all-order o-tab">全部订单</div>
                                    <div class="no-pay o-tab">待支付</div>
                                    <div class="no-deliver o-tab">待发货</div>
                                    <div class="no-receive o-tab">待收货</div>
                                    <div class="use o-tab">使用中</div>
                                    <div class="return o-tab">售后</div>
                                    <div class="to-confirm o-tab">待确认</div>
                                    <div class="end o-tab">交易结束</div>
                                </div>
                                <!-- 订单状态分类 -->
                                <div class="order-type">
                                    <!-- 所有订单 -->
                                    <div class="all">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <!-- 隐藏的input用来暂时存储ajax传过来的图片的url -->
                                            <input type="text" hidden id="url">

                                            <!-- <tbody class="prderdata">
                                                <tr class="colist">
                                                    <td class="coid">orderId</td>
                                                    <td class="coproduct">
                                                        <div class="copic">
                                                            <img src="./res/hwp40p.jpg" alt="商品图片" class="coimg">
                                                        </div>
                                                        <div>
                                                            <div class="coname">productName</div>
                                                            <div class="cotype">status</div>
                                                        </div>
                                                    </td>
                                                    <td class="codate">rentalDay</td>
                                                    <td class="copay">rental</td>
                                                    <td class="cotime">
                                                        <div>创建时间:makeTime</div>
                                                        <div>付款时间:exchangeHour</div>
                                                        <div>归还时间:returnTime</div>
                                                    </td>
                                                    <td class="costatus">shipStatus</td>
                                                    <td class="cooperate">
                                                        <div>
                                                            <a href="#" class="aagree">同意</a>
                                                        </div>
                                                        <div>
                                                            <a href="#" class="areject">拒绝</a>
                                                        </div>
                                                        <div>
                                                            <a href="#" class="areason">查看退货原因</a>
                                                        </div>
                                                        <div>
                                                            <a href="#" class="asend">发货</a>
                                                        </div>
                                                        <div>
                                                            <a href="#" class="areceive">确认收货</a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody> -->
                                        </table>

                                        <!-- 从后端传过来的订单的table和上面的table（表名）分开显示，否则页面会混乱 -->
                                        <table id="all-table" style="width: 100%;">
                                        </table>
                                        
                                    </div>
                                    <!-- 未发货订单 -->
                                    <div class="to-be-delivered">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <input type="text" hidden id="url1">
                                        </table>
                                        <table id="delivered-table" style="width: 100%;">
                                        </table>
                                    </div>
                                    <!-- 未付款订单 -->
                                    <div class="to-be-paid">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <input type="text" hidden id="url2">
                                        </table>
                                        <table id="paid-table" style="width: 100%;">
                                        </table>
                                    </div>
                                    <!-- 等待买家收货订单 -->
                                    <div class="to-be-received">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <input type="text" hidden id="url3">
                                        </table>
                                        <table id="received-table" style="width: 100%;">
                                        </table>
                                    </div>
                                    <!-- 使用中订单 -->
                                    <div class="using">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <input type="text" hidden id="url4">
                                        </table>
                                        <table id="using-table" style="width: 100%;">
                                        </table>
                                    </div>
                                    <!-- 买家申请退货的订单 -->
                                    <div class="to-return">
                                        <!-- 待退货订单分类 -->
                                        <div class="sub-tab-head">
                                            <div class="process sub-o-tab">待处理</div>
                                            <div class="receive sub-o-tab">待收货</div>
                                            <div class="confirm sub-o-tab">待确认</div>
                                        </div>
                                        <div class="sub-tab-body">
                                            <!-- 待处理订单 -->
                                            <div class="po">
                                                <table>
                                                    <thead>
                                                        <tr class="olist">
                                                            <th class="oid">订单号</th>
                                                            <th class="oproduct">商品</th>
                                                            <th class="odate">租赁时长(天)</th>
                                                            <th class="opay">实付款(元)</th>
                                                            <th class="otime">交易时间</th>
                                                            <th class="ostatus">交易状态</th>
                                                            <th class="ooperate">交易操作</th>
                                                        </tr>
                                                        <input type="text" hidden id="url01">
                                                        <input type="text" hidden id="url010">
                                                        <input type="text" hidden id="url011">
                                                        <input type="text" hidden id="url012">
                                                        <input type="text" hidden id="url013">
                                                        <input type="text" hidden id="url014">
                                                        <input type="text" hidden id="url015">
                                                        <input type="text" hidden id="url016">
                                                        <input type="text" hidden id="url017">
                                                        <input type="text" hidden id="url018">
                                                    </thead>
                                                    <!-- <tbody>
                                                        最多一页三个订单
                                                        <tr class="colist">
                                                            <td class="coid">订单号</td>
                                                            <td class="coproduct">
                                                                <div class="copic">
                                                                    <img src="./res/hwp40p.jpg" alt="商品图片" class="coimg">
                                                                </div>
                                                                <div>
                                                                    <div class="coname">商品名称</div>
                                                                    <div class="cotype">购买方式</div>
                                                                </div>
                                                            </td>
                                                            <td class="codate">租赁日期</td>
                                                            <td class="copay">实付款</td>
                                                            <td class="cotime">
                                                                <div>创建时间:2022-06-18 23:37:34</div>
                                                                <div>付款时间:2022-06-18 23:37:34</div>
                                                                <div>完成时间:2022-06-18 23:37:34</div>
                                                            </td>
                                                            <td class="costatus">交易状态</td>
                                                            <td class="cooperate">
                                                                <div>
                                                                    <a href="#" class="aagree">同意</a>
                                                                </div>
                                                                <div>
                                                                    <a href="#" class="areject">拒绝</a>
                                                                </div>
                                                                <div>
                                                                    <a href="#" class="areason">查看退货原因</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody> -->
                                                </table>
                                                <table id="po-table" style="width: 100%;">
                                                </table>
                                            </div>
                                            <!-- 待收货订单 -->
                                            <div class="ro">
                                                <table>
                                                    <thead>
                                                        <tr class="olist">
                                                            <th class="oid">订单号</th>
                                                            <th class="oproduct">商品</th>
                                                            <th class="odate">租赁时长(天)</th>
                                                            <th class="opay">实付款(元)</th>
                                                            <th class="otime">交易时间</th>
                                                            <th class="ostatus">交易状态</th>
                                                            <th class="ooperate">交易操作</th>
                                                        </tr>
                                                        <input type="text" hidden id="url02">
                                                        <input type="text" hidden id="url020">
                                                        <input type="text" hidden id="url021">
                                                        <input type="text" hidden id="url022">
                                                        <input type="text" hidden id="url023">
                                                        <input type="text" hidden id="url024">
                                                        <input type="text" hidden id="url025">
                                                        <input type="text" hidden id="url026">
                                                        <input type="text" hidden id="url027">
                                                        <input type="text" hidden id="url028">
                                                    </thead>
                                                    
                                                </table>
                                                <table id="ro-table" style="width: 100%;">
                                                </table>
                                            </div>
                                            <!-- 待确认订单 -->
                                            <div class="co">
                                                <table>
                                                    <thead>
                                                        <tr class="olist">
                                                            <th class="oid">订单号</th>
                                                            <th class="oproduct">商品</th>
                                                            <th class="odate">租赁时长(天)</th>
                                                            <th class="opay">实付款(元)</th>
                                                            <th class="otime">交易时间</th>
                                                            <th class="ostatus">交易状态</th>
                                                            <th class="ooperate">交易操作</th>
                                                        </tr>
                                                        <input type="text" hidden id="url03">
                                                        <input type="text" hidden id="url030">
                                                        <input type="text" hidden id="url031">
                                                        <input type="text" hidden id="url032">
                                                        <input type="text" hidden id="url033">
                                                        <input type="text" hidden id="url034">
                                                        <input type="text" hidden id="url035">
                                                        <input type="text" hidden id="url036">
                                                        <input type="text" hidden id="url037">
                                                        <input type="text" hidden id="url038">
                                                    </thead>
                                                    
                                                </table>
                                                <table id="co-table" style="width: 100%;">
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="toconfirm">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <input type="text" hidden id="url6">
                                        </table>
                                        <table id="toconfirmed-table" style="width: 100%;">
                                        </table>
                                    </div>
                                    <!-- 交易结束的订单 -->
                                    <div class="ended">
                                        <table>
                                            <thead>
                                                <tr class="olist">
                                                    <th class="oid">订单号</th>
                                                    <th class="oproduct">商品</th>
                                                    <th class="odate">租赁时长(天)</th>
                                                    <th class="opay">实付款(元)</th>
                                                    <th class="otime">交易时间</th>
                                                    <th class="ostatus">交易状态</th>
                                                    <th class="ooperate">交易操作</th>
                                                </tr>
                                            </thead>
                                            <input type="text" hidden id="url5">
                                        </table>
                                        <table id="ended-table" style="width: 100%;">
                                        </table>
                                    </div>
                                </div>
                            </div>
                       
                    </div>



                    <!-- 商家个人信息查看修改页面 -->
                    <div class="con-person">
                        <div class="person-card">
                            <div class="card-head">商家信息</div>
                            <!-- <form action="#"> -->

                                <!-- 商家头像修改 -->
                                <div class="per-head" style="display: flex;">
                                    <div class="mhead">
                                        商家头像：
                                    </div>
                                    <div style="display: flex;margin: 10px 0 0 0;">
                                        <div class="head-show">
                                            <img src="" alt="用户头像" id="mimg">
                                        </div>
                                        
                                        <div class="head-sel">
                                            <div class="selbeautify">
                                                <span style="margin: 10px;">选择头像</span>
                                                <form action="http://8.130.103.251:8080/files/upload/seller/oss" method="post" enctype="multipart/form-data">
                                                    <input type="file" id="headsel" name="file" class="input-img">
                                                </form>
                                            </div>
                                            <small style="color: rgb(170,170,170);">请选择合适的头像，需要注意头像尽量选择正方形</small>
                                        </div>
                                    </div>
                                    
                                </div>
                                <div class="per-email">
                                    <div class="memail">
                                        邮箱：
                                    </div>
                                    <input type="text" id="emailtxt" name="newemail" disabled>
                                    <small style="color: rgb(170,170,170);margin:0 0 0 42px;">*邮箱不可修改</small>
                                </div>
                                <!-- 商家用户名（不可修改） -->
                                <div class="per-name">
                                    <div class="mname">
                                        用户名：
                                    </div>
                                    <input type="text" id="nametxt" name="newname" disabled>
                                    <small style="color: rgb(170,170,170);margin:0 0 0 42px;">*用户名不可修改</small>
                                </div>
                                <!-- 商家密码修改 -->
                                <div class="per-password">
                                    <div class="mpwd">
                                        密码：
                                    </div>
                                    <input type="password" id="pwdtxt" name="newaddr" disabled>
                                    <button id="pwd-change">修改</button>
                                    <button id="pwd-save">保存</button>
                                </div>
                                <!-- 商家电话修改 -->
                                <div class="per-tel">
                                    <div class="mtel">
                                        电话：
                                    </div>
                                    <input type="text" id="teltxt" name="newtel" disabled>
                                    <button id="tel-change">修改</button>
                                    <button id="tel-save">保存</button>
                                </div>
                            <!-- </form> -->
                            <!-- 注释掉form是因为暂时没有form传值的必要而且form表单存在的话点击按钮会自动刷新页面提交表单 -->
                        </div>

                        <!-- 商家地址管理 -->
                        <div class="addr-card">
                            <div class="card-head">
                                地址管理
                                <button class="add-addr">+</button>
                            </div>
                            <div class="blocks">
                                <!-- 前端地址块示例 -->
                                <!-- <div class="addr-block">
                                    <div class="def-addr">
                                        <input type="radio" name="default">
                                        <div class="radio-txt">选中为默认地址</div>
                                    </div>
                                    <textarea name="addr1" id="addr1" cols="55" rows="1" class="myaddr" disabled placeholder="请输入地址"></textarea>
                                    <div class="addr-manage">
                                        <button class="del-addr">删除</button>
                                        <button class="save-addr">保存</button>
                                        <button class="change-addr">修改</button>
                                    </div>
                                </div> -->
                                <!-- 最多一共四个地址 -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        

        <!-- 遮罩层 -->
        <div class="modal"></div>


        <!-- 产品详情页面 -->
        <div id="modal-dely">
            <div class="product-info">
                <div class="info-head" style="display: flex;">
                    商品详情
                    <div style="font-size: 18px;line-height: 18px;padding: 5px;">
                        <span>ID=</span>
                        <span id="id1">1</span>
                    </div>
                    <div style="font-size: 18px;line-height: 18px;padding: 5px;">
                        <span> | 销量:</span>
                        <span id="sale">1</span>
                    </div>
                </div>
                
                <!-- 商品图片（至多三张） -->
                <div>
                    <div style="margin: 0 8px;font-size: 16px;">商品展示图：</div>
                    <div class="image-show">
                        <div class="info-pic2">
                            <img src="" alt="" class="pic-val2" id="image">
                            <form action="http://8.130.103.251:8080/good/updateGood" method="post" enctype="multipart/form-data">
                                <input type="file" onchange="selectImage(this, image);" class="img-sel2" id="f4">

                            </form>
                            <div class="font1">
                                点击选择图片
                            </div>
                        </div>
                        <div class="info-pic2">
                            <img src="" alt="" class="pic-val2" id="image0">
                            <form action="http://8.130.103.251:8080/good/updateGood" method="post" enctype="multipart/form-data">
                                <input type="file" onchange="selectImage(this, image0);" class="img-sel2" id="f5">
                            </form>
                            <div class="font1">
                                点击选择图片
                            </div>
                        </div>
                        <div class="info-pic2">
                            <img src="" alt="" class="pic-val2" id="image1">
                            <form action="http://8.130.103.251:8080/good/updateGood" method="post" enctype="multipart/form-data">
                                <input type="file" onchange="selectImage(this, image1);" class="img-sel2" id="f6">
                            </form>
                            <div class="font1">
                                点击选择图片
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 商品名称 -->
                <div class="info-name">
                    <div class="name2">商品名称：</div>
                    <input type="text" id="name-val1" disabled
                    onkeyup="limit(this, 8)" keydown="limit(this, 8)" onchange="limit(this, 8)">
                </div>
                <!-- 商品库存 -->
                <div class="info-num">
                    <div class="name2">库存：</div>
                    <div class="num-val">
                        <input id="num-num1" type="text" disabled oninput = "value=value.replace(/[^\d]/g,'')">
                    </div>
                </div>
                <!-- 商品售价（可买才有值） -->
                <div class="info-pur">
                    <div class="name2">售价：</div>
                    <div class="pur-val">
                        <input id="pur-num1" type="text" name="number" disabled>
                    </div>
                </div>
                <!-- 日租价 -->
                <div class="info-rent">
                    <div class="name2">租价：</div>
                    <div class="rent-val">
                        <input id="rent-num0" type="text" disabled>
                        <div id="unit0">元/日</div>
                    </div>
                </div>
                <!-- 月租价 -->
                <div class="info-rent">
                    <div class="name2">租价：</div>
                    <div class="rent-val">
                        <input id="rent-num1" type="text" disabled>
                        <div id="unit1">元/月</div>
                    </div>
                </div>
                
                <!-- 商品标签 -->
                <div class="info-tag">
                    <div class="name2">标签：</div>
                    <div class="tag-val">
                        <select name="sel-tag" id="tag-num1" disabled required>
                            <option value="0">手机</option>
                            <option value="1">电脑</option>
                            <option value="2">摄像机</option>
                            <option value="3">数码配件</option>
                            <option value="4">电视</option>
                            <option value="5">家具</option>
                            <option value="6">单车</option>
                            <option value="7">生活百货</option>
                            <option value="8">图书</option>
                            <option value="9">玩具乐器</option>
                            <option value="10">体育用品</option>
                            <option value="11">服饰</option>
                            <option value="12">租房</option>
                        </select>
                        <select name="sel-tag11" id="tag-num11" disabled>

                        </select>
                    </div>
                </div>
                <!-- 商品是否可以购买 -->
                <div class="info-isbuy">
                    <div class="name2">是否可买：</div>
                    <div class="isbuy-val">
                        <input type="radio" name="isbuy" id="yes1" value="1" style="margin: 0 6px;" disabled>可买
                        <input type="radio" name="isbuy" id="no1" value="0" disabled>不可买
                        <!-- <select name="sel-isbuy" id="isbuy-num1">
                            <option value="1">可租可买</option>
                            <option value="0">可租不可买</option>
                        </select> -->
                    </div>
                </div>
                <!-- 商品详细信息说明 -->
                <div class="info-des">
                    <div class="name2">商品说明：</div>
                    <div class="des-val">
                        <!-- <form action="#"> -->
                            <textarea name="description" id="des-txt1" cols="55" rows="4" disabled
                            placeholder="不能超过80字" onkeyup="limit(this, 80)" keydown="limit(this, 80)" onchange="limit(this, 80)"></textarea>
                        <!-- </form> -->
                    </div>
                </div>
            
                <!-- 商品信息修改 -->
                <div class="info-low">
                    <div class="btnbox">
                        <button class="btn-change" id="btn-c">修改信息</button>
                        <button class="btn-save">保存信息</button>
                        <button class="btn-confirm">确定</button>
                    </div>
                    
                </div>
            </div>
        </div>
        </div>

        <!--分页容器_商品管理页面-->
        <div class="page_2"></div>

        <!-- 选择商家退货地址 -->
        <div class="sel-addr" id="c1">
            <div class="sel-head">
                选择商家退货地址
                <button class="btn-close">X</button>
            </div>
            <div class="sel-middle">
                <select name="seladdr" id="sela">
                    <!-- <option value="0">地址一</option>
                    <option value="1">地址二</option>
                    <option value="2">地址三</option>
                    <option value="3">地址四</option> -->
                </select>
            </div>
            <button id="sela-confirm">确认</button>
        </div>

        <!-- 查看买家留言信息 -->
        <div class="return-reason" id="c2">
            <div class="sel-head">
                买家退货原因
                <button class="btn-close">X</button>
            </div>
            <div class="reason-info">
            </div>
        </div>

        <!-- 查看买家的地址信息 -->
        <div class="send-goods" id="c3">
            <div class="send-head">
                发货信息
                <button class="btn-close">X</button>
            </div>
            <div class="send-info">
                <div class="consignee">
                    <div class="tip">收货人姓名：</div>
                    <div class="recname">abc</div>
                </div>
                <div class="consignee">
                    <div class="tip">收货人电话：</div>
                    <div class="rectel">15xxxxxx</div>
                </div>
                <div class="consignee">
                    <div class="tip">收货人地址：</div>
                    <div class="tips recaddr">湖北省武汉市武汉大学计算机学院</div>
                </div>
                <div class="sender">
                    <div class="sendname">
                        <div>发货人姓名：</div>
                        <input type="text" id="sname">
                    </div>
                    <div class="sendtel">
                        <div>发货人电话：</div>
                        <input type="text" id="stel">
                    </div>
                    <div class="sendaddr">
                        <div>发货人地址：</div>
                        <div>
                            <select name="seladdr" id="sela1" style="width:80%;">
                                <!-- <option value="0">地址一</option>
                                <option value="1">地址二</option>
                                <option value="2">地址三</option>
                                <option value="3">地址四</option> -->
                            </select> 
                        </div>
                    </div>
                    
                      
                </div>
            </div>
            <button id="confirm-send">确认发货</button>
        </div>

    <!-- <script src="./JS/toPage.js"></script> -->
    
    <script src="./JS/jquery-3.6.0.min.js"></script>
    <script src="./JS/jquery.cookie.js"></script>
    
    <script src="./JS/merchants.js"></script>

    <script src="./JS/Goods/gooddelete.js"></script>
    <script src="./JS/Goods/goodinfo.js"></script>
    <script src="./JS/Goods/goodshow.js"></script>
    <script src="./JS/Goods/goodup.js"></script>
    <script src="./JS/Goods/infoupdate.js"></script>

    <script src="./JS/Order/allOrders.js"></script>
    <script src="./JS/Order/endedOrder.js"></script>
    <script src="./JS/Order/orderShow.js"></script>
    <script src="./JS/Order/processOrder.js"></script>
    <script src="./JS/Order/tobedeliveredOrder.js"></script>
    <script src="./JS/Order/tobepaidOrder.js"></script>
    <script src="./JS/Order/tobereceivedOrder.js"></script>
    <script src="./JS/Order/usingOrder.js"></script>
    <script src="./JS/Order/receiveOrder.js"></script>
    <script src="./JS/Order/confirmOrder.js"></script>
    <script src="./JS/Order/toconfirmOrder.js"></script>

    <script src="./JS/Person/addressManage.js"></script>
    <script src="./JS/Person/personChange.js"></script>


    <script src="assets/js/amazeui.min.js"></script>
    <!-- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> -->
    </body>
<script>
    $(".func-msg").click(function(){
        window.open("message.html");
    })
</script>    
</html>